<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/administrador.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Documento sin título</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
cedV=false;

//alert('hola');

function verificar(){
//alert('ok');	
var ced=document.getElementById('cedulaT').value;	
	
	//console.log(ced.length);
	if(ced.length==10){
		
			
			var url1="cedula="+ced;
	$.ajax({
			data:url1,
			url:'./buscarTitular.php',
			type:'post',
			beforeSend:function()
			{
				//$("#sigge").val("Procesando, espere por favor...");
				//$("#nombres").val("Procesando, espere por favor...");
			},
			success:function(respuesta)
			{
				//alert(respuesta);
				//agregar(respuesta);
				if(respuesta=="0"){
					
					alert('Titular no encontrado');
					
					document.getElementById('nombres').style.visibility="hidden";	
				
				document.getElementById('codigo').style.visibility="hidden";
					cedV=false;
					
						
				}else
				{
				
					alert('Titular Encontrado');
						
					var opcion=respuesta.split('+');
					
				document.getElementById('nombres').style.visibility="visible";	
document.getElementById('codigo').value=opcion[0];
document.getElementById('nombres').value=opcion[1];
document.getElementById('division').value=opcion[2];
cedV=true;
					
					
					
				
				}
				
			},
				
			});
			
		
		}	
	
	
	
}

</script>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<link href="../css/twoColLiqLtHdr.css" rel="stylesheet" type="text/css" /><!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* este margen negativo de 1 px puede situarse en cualquiera de las columnas de este diseño con el mismo efecto corrector. */
ul.nav a { zoom: 1; }  /* la propiedad de zoom da a IE el desencadenante hasLayout que necesita para corregir el espacio en blanco extra existente entre los vínculos */
</style>
<![endif]-->
</head>

<body>

<div class="container">
  <div class="header"><a href="#"><img src="../img/logo.jpg" alt="Insertar logotipo aquí" name="Insert_logo" width="188" height="180" id="Insert_logo" style="background-color: #8090AB; display:block;" /></a> 
    <!-- end .header --></div>
  <div class="sidebar1">
    <ul class="nav">
      <li><a href="#">Login</a></li>
      <li><a href="#">Inicion</a></li>
      <li><a href="#">Quienes somos</a></li>
      <li><a href="#">Contactanos</a></li>
    </ul>
    <h2 align="center"><img src="../img/admin.png" width="130" height="150" /><strong>Administrador</strong></h2>
    </p>
<!-- end .sidebar1 --></div>
  <div class="content">
  
  

  
    <!-- InstanceBeginEditable name="contenido" -->
      <h2>Dependientes<h2>
 <form action="php/nuevoTitular.php">
 <div align="center">  
	<table width="100%" border="0" class="formulario">


  <tr>
    <td>Cedula Titular</td>
    <td><input onkeyup="verificar();" type="text" name="cedulaT" id="cedulaT"/><input type="text" style="visibility:hidden" readonly="readonly" name="nombres" id="nombres"><input type="text" style="visibility:hidden" readonly="readonly" name="codigo" id="codigo"></td>
  </tr>
   <tr>
    <td>Division </td>
    <td><input type="text" readonly="readonly" name="division" id="division"></td>
  </tr>
  
  <tr>
    <td>Parentesco</td>
    <td><select name="parentesco" id="parentesco" >
    	<option>Madre</option>
        <option>Padre</option>
        <option>Hermano</option>
        <option>Hermana</option>
        <option>Hijo</option>
        <option>Hija</option>
        </select>
    </td>
  </tr>
  <tr>
    <td>Cedula Dependiente</td>
    <td><input type="text" name="cedulaD" id="cedulaD"/></td>
  </tr>
  
  <tr>
    <td>Nombre</td>
    <td><input type="nombre" id="nombre" name="password"></td>
  </tr>
 
  <tr>
    <td>Fecha Nacimiento</td>
    <td><input type="date" name="fechaNacimiento" id="fechaNacimiento"></td>
  </tr>
   <tr>
    <td></td>
    <td align="right"><input type="submit" class="boton" value="Guardar"></td>
  </tr>
</table>
</div>	
</form>	
	<!-- InstanceEndEditable -->
    
  </div>
  <div class="footer">
    <p align="center">Develoment by Hector Garcia and Segundo Nacimba 2014</p>
    <!-- end .footer --></div>
  <!-- end .container --></div>
</body>
<!-- InstanceEnd --></html>
